Vue 样式穿透

vue都是通过深度选择器来样式穿透的。除了上面的讲/deep/，我熟知的还有::v-deep，>>>，:deep()。

那它们有何区别？

如果你使用的是css，没有使用css预处理器，则可以使用>>>，/deep/，::v-deep。

如果你使用的是less或者node-sass，那么可以使用/deep/，::v-deep都可以生效。

如果你使用的是dart-sass，那么就不能使用/deep/，而是使用::v-deep才会生效。

但是如果你是使用vue2.7以上版本以及包括vue3，::v-deep也会生效，但是会有警告⚠️

作者：答案cp3
链接：https://juejin.cn/post/7090570269495918599
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。